import { Icon, IconProps } from '@chakra-ui/react'
import React from 'react'

export const GoogleSheetLogo = (props: IconProps) => (
  <Icon
    viewBox="0 0 279 382"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    {...props}
  >
    <mask
      id="mask0"
      mask-type="alpha"
      maskUnits="userSpaceOnUse"
      x="0"
      y="0"
      width="279"
      height="382"
    >
      <path
        d="M174.153 0.605469H26.87C12.5749 0.605469 0.878906 12.2887 0.878906 26.5682V355.429C0.878906 369.708 12.5749 381.392 26.87 381.392H252.126C266.421 381.392 278.117 369.708 278.117 355.429V104.456L174.153 0.605469Z"
        fill="white"
      />
    </mask>
    <g mask="url(#mask0)">
      <path
        d="M174.153 0.605469H26.87C12.5749 0.605469 0.878906 12.2887 0.878906 26.5682V355.429C0.878906 369.708 12.5749 381.392 26.87 381.392H252.126C266.421 381.392 278.117 369.708 278.117 355.429V104.456L217.471 61.1851L174.153 0.605469Z"
        fill="#0F9D58"
      />
    </g>
    <mask
      id="mask1"
      mask-type="alpha"
      maskUnits="userSpaceOnUse"
      x="0"
      y="0"
      width="279"
      height="382"
    >
      <path
        d="M174.153 0.605469H26.87C12.5749 0.605469 0.878906 12.2887 0.878906 26.5682V355.429C0.878906 369.708 12.5749 381.392 26.87 381.392H252.126C266.421 381.392 278.117 369.708 278.117 355.429V104.456L174.153 0.605469Z"
        fill="white"
      />
    </mask>
    <g mask="url(#mask1)">
      <path
        d="M70.1865 186.67V312.156H208.806V186.67H70.1865ZM130.832 294.848H87.5139V273.212H130.832V294.848ZM130.832 260.231H87.5139V238.595H130.832V260.231ZM130.832 225.614H87.5139V203.978H130.832V225.614ZM191.478 294.848H148.16V273.212H191.478V294.848ZM191.478 260.231H148.16V238.595H191.478V260.231ZM191.478 225.614H148.16V203.978H191.478V225.614Z"
        fill="#F1F1F1"
      />
    </g>
    <mask
      id="mask2"
      mask-type="alpha"
      maskUnits="userSpaceOnUse"
      x="0"
      y="0"
      width="279"
      height="382"
    >
      <path
        d="M174.153 0.605469H26.87C12.5749 0.605469 0.878906 12.2887 0.878906 26.5682V355.429C0.878906 369.708 12.5749 381.392 26.87 381.392H252.126C266.421 381.392 278.117 369.708 278.117 355.429V104.456L174.153 0.605469Z"
        fill="white"
      />
    </mask>
    <g mask="url(#mask2)">
      <path
        d="M181.753 96.8623L278.115 193.097V104.456L181.753 96.8623Z"
        fill="url(#paint0_linear)"
      />
    </g>
    <mask
      id="mask3"
      mask-type="alpha"
      maskUnits="userSpaceOnUse"
      x="0"
      y="0"
      width="279"
      height="382"
    >
      <path
        d="M174.153 0.605469H26.87C12.5749 0.605469 0.878906 12.2887 0.878906 26.5682V355.429C0.878906 369.708 12.5749 381.392 26.87 381.392H252.126C266.421 381.392 278.117 369.708 278.117 355.429V104.456L174.153 0.605469Z"
        fill="white"
      />
    </mask>
    <g mask="url(#mask3)">
      <path
        d="M174.151 0.605469V78.4935C174.151 92.8379 185.782 104.456 200.142 104.456H278.116L174.151 0.605469Z"
        fill="#87CEAC"
      />
    </g>
    <mask
      id="mask4"
      mask-type="alpha"
      maskUnits="userSpaceOnUse"
      x="0"
      y="0"
      width="279"
      height="382"
    >
      <path
        d="M174.153 0.605469H26.87C12.5749 0.605469 0.878906 12.2887 0.878906 26.5682V355.429C0.878906 369.708 12.5749 381.392 26.87 381.392H252.126C266.421 381.392 278.117 369.708 278.117 355.429V104.456L174.153 0.605469Z"
        fill="white"
      />
    </mask>
    <g mask="url(#mask4)">
      <path
        d="M26.87 0.605469C12.5749 0.605469 0.878906 12.2887 0.878906 26.5682V28.7317C0.878906 14.4522 12.5749 2.76903 26.87 2.76903H174.153V0.605469H26.87Z"
        fill="white"
        fillOpacity="0.2"
      />
    </g>
    <mask
      id="mask5"
      mask-type="alpha"
      maskUnits="userSpaceOnUse"
      x="0"
      y="0"
      width="279"
      height="382"
    >
      <path
        d="M174.153 0.605469H26.87C12.5749 0.605469 0.878906 12.2887 0.878906 26.5682V355.429C0.878906 369.708 12.5749 381.392 26.87 381.392H252.126C266.421 381.392 278.117 369.708 278.117 355.429V104.456L174.153 0.605469Z"
        fill="white"
      />
    </mask>
    <g mask="url(#mask5)">
      <path
        d="M252.126 379.229H26.87C12.5749 379.229 0.878906 367.546 0.878906 353.267V355.43C0.878906 369.71 12.5749 381.393 26.87 381.393H252.126C266.421 381.393 278.117 369.71 278.117 355.43V353.267C278.117 367.546 266.421 379.229 252.126 379.229Z"
        fill="#263238"
        fillOpacity="0.2"
      />
    </g>
    <mask
      id="mask6"
      mask-type="alpha"
      maskUnits="userSpaceOnUse"
      x="0"
      y="0"
      width="279"
      height="382"
    >
      <path
        d="M174.153 0.605469H26.87C12.5749 0.605469 0.878906 12.2887 0.878906 26.5682V355.429C0.878906 369.708 12.5749 381.392 26.87 381.392H252.126C266.421 381.392 278.117 369.708 278.117 355.429V104.456L174.153 0.605469Z"
        fill="white"
      />
    </mask>
    <g mask="url(#mask6)">
      <path
        d="M200.142 104.456C185.782 104.456 174.151 92.8376 174.151 78.4932V80.6567C174.151 95.0011 185.782 106.619 200.142 106.619H278.116V104.456H200.142Z"
        fill="#263238"
        fillOpacity="0.1"
      />
    </g>
    <path
      d="M174.153 0.605469H26.87C12.5749 0.605469 0.878906 12.2887 0.878906 26.5682V355.429C0.878906 369.708 12.5749 381.392 26.87 381.392H252.126C266.421 381.392 278.117 369.708 278.117 355.429V104.456L174.153 0.605469Z"
      fill="url(#paint1_radial)"
    />
    <defs>
      <linearGradient
        id="paint0_linear"
        x1="229.939"
        y1="105.125"
        x2="229.939"
        y2="193.111"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#263238" stopOpacity="0.2" />
        <stop offset="1" stopColor="#263238" stopOpacity="0.02" />
      </linearGradient>
      <radialGradient
        id="paint1_radial"
        cx="0"
        cy="0"
        r="1"
        gradientUnits="userSpaceOnUse"
        gradientTransform="translate(9.66195 8.17438) scale(447.042 446.554)"
      >
        <stop stopColor="white" stopOpacity="0.1" />
        <stop offset="1" stopColor="white" stopOpacity="0" />
      </radialGradient>
    </defs>
  </Icon>
)
